<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>创建新项目</title>
  <link rel="stylesheet" href="../../libs/element-ui@2.12.0.css" />
  <style>
    .el-form-item {
      margin-bottom: 10px;
    }
    .el-form-item .el-form-item__label {
      padding: 0;
    }
    div[v-cloak] {
      display: none;
    }
  </style>
</head>
<body>
  <div id="root" v-cloak>
    <el-form label-position="top">
      <el-form-item label="项目名称">
        <el-input v-model="projectName" placeholder="项目名"></el-input>
      </el-form-item>
      <el-form-item label="主机名">
        <el-input v-model="host" placeholder="127.0.0.1"></el-input>
      </el-form-item>
      <el-form-item label="端口">
        <el-input v-model="port" placeholder="请注意端口是否被占用"></el-input>
      </el-form-item>
      <el-form-item label="请求前缀">
        <el-input v-model="baseUrl" placeholder="/projectName/xx"></el-input>
      </el-form-item>
      <el-form-item style="text-align: center;">
        <el-button type="primary" @click="onSubmit" size="small">立即创建</el-button>
        <el-button @click="onCancel" size="small">取消</el-button>
      </el-form-item>
    </el-form>
  </div>

<script src="../../libs/vue@2.6.10.js"></script>
<script src="../../libs/element-ui@2.12.0.js"></script>
<script src="./index.js"></script>
</body>
</html>
